<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>后台模板</title>
		<meta name="keywords" content="表格" />
		<link href="/css/bootstrap.min.css" rel="stylesheet">
		<link href="/css/font-awesome.css" rel="stylesheet">
		<link href="/css/datatables.min.css" rel="stylesheet">
		<link href="/css/animate.css" rel="stylesheet">
		<link href="/css/style.css" rel="stylesheet">


	</head>
	<body>
		<div id="wrapper">
			<nav class="navbar-default navbar-static-side">
				<div class="sidebar-collapse">
					<ul class="nav metismenu" id="side-menu">
						<li style="margin-left: 80px;margin-top: 30px;">
							<div class="dropdown profile-element"> <span>
									<img alt="image" class="img-circle"
										src="http://www.inspinia.net/img/profile_small.jpg" />
								</span>

								<span class="clear"> <span class="block m-t-xs">
										<strong style="color: white;">admin</strong>
									</span>
								</span>


							</div>

						</li>

						<li>
							<a href="index.html"><i class="glyphicon glyphicon-asterisk"></i>
								<span class="nav-label">系统管理</span>
							</a>

							<ul class="nav nav-second-level">
								<li><a href="javascript:openUrl('/admin/userInfo')"><i class="glyphicon glyphicon-user"></i>用户管理</a></li>
								<li><a href="javascript:openUrl('/role/roleInfo')"><i class="glyphicon glyphicon-minus-sign"></i>角色管理</a></li>
								<li><a href="javascript:openUrl('/power/powerInfo')"><i class="glyphicon glyphicon-inbox"></i>权限管理</a></li>

							</ul>

						</li>



						<li>
							<a href="index.html"><i class="glyphicon glyphicon-user"></i>
								<span class="nav-label">员工管理</span>

							</a>

							<ul class="nav nav-second-level">
								<li><a href="javascript:openUrl('/user/employeeInfo')"><i class="glyphicon glyphicon-tags"></i>员工基本信息维护</a></li>
								<li><a href="javascript:openUrl('/user/file')"><i class="glyphicon glyphicon-folder-close"></i>员工档案信息管理</a></li>
								<li><a href="javascript:openUrl('/user/contract')"><i class="glyphicon glyphicon-folder-close"></i>员工合同信息管理</a></li>
								<li><a href="javascript:openUrl('/user/applicationRecordInfo')"><i class="glyphicon glyphicon-tags"></i>应聘信息维护</a></li>
								<li><a href="javascript:openUrl('/user/recruitmentRecordsInfo')"><i class="glyphicon glyphicon-folder-close"></i>招聘信息管理</a></li>
							</ul>

						</li>
						<li>
							<a href="index.html"><i class="glyphicon glyphicon-user"></i>
								<span class="nav-label">考勤管理</span>

							</a>

							<ul class="nav nav-second-level">

								<li><a href="javascript:openUrl('/user/attendanceList')"><i class="glyphicon glyphicon-tags"></i>考勤信息维护</a></li>

								<li><a href="javascript:openUrl('/user/salaryList')"><i class="glyphicon glyphicon-folder-close"></i>员工档案信息管理</a></li>

							</ul>

						</li>
						<li>
							<a href="index.html"><i class="glyphicon glyphicon-user"></i>
								<span class="nav-label">人事调动管理</span>

							</a>

							<ul class="nav nav-second-level">

								<li><a href="javascript:openUrl('/user/pf')"><i class="glyphicon glyphicon-tags"></i>调动基本信息管理</a></li>

								<li><a href="javascript:openUrl('/user/tf')"><i class="glyphicon glyphicon-folder-close"></i>员工职称信息管理</a></li>
							</ul>

						</li>
					</ul>

				</div>


			</nav>



			<div id="page-wrapper" class="gray-bg">

				<div class="row border-bottom">

					<nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">

						<div class="navbar-header">

							<div style="position: fixed;top:10px;left:30%;">
								<!-- 	<button class="btn btn-primary btn-sm">回到首页</button>
									<button class="btn btn-primary btn-sm">修改密码</button> -->
								<div style="position: absolute;left:100px;">
									<button class="btn btn-primary btn-sm">
										<span class="glyphicon glyphicon-home"></span>
										回到首页
									</button>
								</div>
								<div style="position: absolute;left:200px;">
									<button class="btn btn-primary btn-sm" onclick="add()">
										<span class="glyphicon glyphicon-user"></span>修改密码
									</button>
								</div>
								<div style="position: absolute;left:300px;">
									<button class="btn btn-primary btn-sm"  onclick="exits()">
										<span class="glyphicon glyphicon-asterisk" ></span>
										退出系统
									</button>
								</div>
								<div style="position: absolute;left:800px;width: 400px;">
									<h4>欢迎使用xxx公司的人力资源管理系统</h4>
								</div>

							</div>

						</div>
					</nav>

				</div>


				<iframe style="height: 700px;border:  solid 1px white;" scrolling="auto" rameborder="0"
						src="/img/taiji.png" name="right" width="100%" height="700px">
				</iframe>
			</div>
		</div>
		</div>

		<!-- 模态框开始 -->
		<div id="one" class="modal fade" style="top:200px">
			<div class="modal-dialog">

				<div class="modal-content">
					<!--头部-->
					<div class="modal-header">
						<h4 align="center">用户修改</h4>

					</div>
					<!--主题内容-->
					<div class="modal-body">
						<form role="form" class="form-horizontal">
							<div class="form-group">
								<label class=" col-sm-2 control-label">姓名</label>
								<div class=" col-sm-10">
									<input type="text" class="form-control" id="name" placeholder="请输入姓名">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2  control-label">学历</label>
								<div class=" col-sm-10">
									<select class="form-control" id="s">
										<option>本科</option>
										<option>专科</option>
									</select>
								</div>
							</div>
						</form>
					</div>

					<!--底部-->
					<div class="modal-footer">
						<button class="btn btn-primary btn-sm" type="button" onclick="closeWin()"><span class="glyphicon glyphicon-remove"></span>关闭</button>
						<button class="btn btn-primary btn-sm"><span class="glyphicon glyphicon-save"></span>保存</button>
					</div>

				</div>
			</div>
		</div>
		<!-- Mainly scripts -->

		<script src="   /js/jquery-3.1.1.min.js"></script>
		<script src="   /js/bootstrap.min.js"></script>
		<script src="   /js/jquery.metisMenu.js"></script>
		<script src="   /js/jquery.slimscroll.min.js"></script>
		<script src="   /js/datatables.min.js"></script>
		<script src="   /js/inspinia.js"></script>
		<script src="   /js/pace.min.js"></script>
	</body>

	<script>
		//退出回到登录页面
		function exits() {
			window.location.href="/admin/logout";
		}

		//打开页面
		function openUrl(url) {
			$("iframe").attr("src", url);
		}
		//显示模态框
		function add() {
			$("#one").modal("show")
		}
		//关闭模态框
		function closeWin() {
			$("#one").modal("hide")
		}
	</script>
</html>